.header{
	width: 100%;
}
.header_info{
	position: relative;
	height: 40px;
	z-index: 30;
	color: #b0b0b0;
	background: #333;
	font-size: 12px;
}
.header_content{
	margin: 0 auto;
	width: 1226px;
}
.header_content:after{
	content: "";
	display: block;
	clear: both;
}
/*购物车*/
.header_cart{
	width: 120px;
    margin-left: 15px;
    position: relative;
    float: right;
    height: 40px;
}
.header_cart .cart_icon{
	position: relative;
	float: right;
	z-index: 31;
	height: 40px;
	text-align: center;
	line-height: 40px;
	width: 120px;
	margin-left: 15px;
	color: #b0b0b0;
	background: #424242;
}
.cart_icon:hover{
	color: #FF6700;
	background: #fff;
}
.header_cart .cart_icon i{
	margin-right: 4px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: -4px;
}
.header_cart .cart_num{
	margin-left: -4px;
}
/*鼠标覆盖显示购物车信息*/
.header_cart .cart_btn{
	display: none;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 31;
    width: 316px;
    padding: 15px 0 0;
    color: #424242;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    /*box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色*/
}
.loading{
	margin: 5px 20px 20px;
    text-align: center;
    padding: 20px 0;
}
.header_content .user_info{
	position: relative;
	float: right;
	height: 40px;
	line-height: 40px;
}
.user_info .user_link{
	padding: 0 5px;
	text-align: center;
	color: #b0b0b0;
}
.user_link:hover{
	color: #fff;
}
.user_info .sep{
	color: #424242;
}
/*导航栏部分开始*/
.header_nav{
	position: relative;
	z-index: 20;
	height: 100px;
}
.nav_content{
	position: relative;
	margin: 0 auto;
	width: 1226px;
}
.nav_content:after{
	content: "";
	display: block;
	clear: both;
}
.nav_logo{
	position: relative;
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-color: #ff6700;
    float: left;
    width: 62px;
    margin-top: 22px;
}
.nav_content .nav_center{
	float: left;
	width: 850px;
}
.nav_list{
	position: relative;
    z-index: 10;
    float: left;
    width: 820px;
    height: 88px;
    margin: 0;
    padding: 12px 0 0 30px;
	font-size: 16px;
}
.nav_list:after{
	content: "";
	display: block;
	clear: both;
}
.nav_item{
	float: left;
}
.nav_list .link{
	display: block;
    padding: 26px 10px 38px;
    color: #333;
}
/*鼠标覆盖显示产品信息*/
.nav_varity{
	position: relative;
    float: left;
    width: 127px;
    padding-right: 15px;
}
.link_nav{
	display: block;
    padding: 26px 0 38px;
    text-align: right;
    color: #333;
    /*这条属性是在首页中不显示“全部商品分类”的时候使用的*/
   /* visibility: hidden;*/
}
/*选项卡列表*/
.varity_hide{
	display: none;
	position: absolute;
    top: 88px;
    left: -92px;
    z-index: 21;
    width: 234px;
    height: 460px;
    font-size: 14px;
}
.varity_hide_ul{
	height: 420px;
    border: 0;
    color: #fff;
    /*background: #fff;*/
    background: rgba(0,0,0,0.6);
    margin: 0;
    padding: 20px 0;
    list-style-type: none;
}
.varity_hid_li .title{
	position: relative;
    display: block;
    padding-left: 30px;
    height: 42px;
    line-height: 42px;
	color: #fff;
}
/*选项卡中的右箭头*/
.varity_hide .title i{
	position: absolute;
    top: 12px;
    right: 20px;
    font-size: 16px;
    line-height: 16px;
    color: rgba(255,255,255,0.5);
}
/*当鼠标覆盖选项卡大头的时候出现的效果*/
.varity_hide_ul .varity_hid_li:hover{
	background: #FF6700;
}
/*点击选项卡出现的分类列表*/
.title_children{
	display: none;
    position: absolute;
    left: 234px;
    top: 0;
    z-index: 24;
    height: 458px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    background: #fff;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.18);
    box-shadow: 0 8px 16px rgba(0,0,0,0.18);
}
/*当鼠标覆盖选项卡大头的时候,商品分类显示*/
.varity_hid_li:hover .title_children{
	display: block;
}
.children_col_3{
	width: 795px;
}
.title_children_ul{
	float: left;
	width: 265px;
	height: 458px;
    margin: 0;
    padding: 2px 0;
}
.title_children_ul li{
	position: relative;
    float: left;
    width: 265px;
    height: 76px;
}
.title_children_a{
	display: block;
    padding: 18px 20px;
    line-height: 40px;
    color: #333;
    -webkit-transition: color .2s;
    transition: color .2s;
}
/*电视盒子tab分类列表*/
.children_col_4{
	width: 992px;
}
.children_col_4 .title_children_ul{
	width: 248px;
}
/*介绍小图*/
.thumb{
	margin-right: 12px;
    vertical-align: middle;
    height: 40px;
    width: 40px;
}
.title_text{
	line-height: 40px;
}
/*隐藏的分类选项卡效果鼠标覆盖效果*/
.title_children_ul li:hover .title_text{
	color: #FF6700;
}
/*可视导航栏鼠标覆盖效果*/
.nav_item:hover a{
	color: #FF6700;
}
/*可视导航中鼠标覆盖显示可推商品信息信息*/
.head_nav_menu{
	position: absolute;
    top: 100px;
    left: 0;
    z-index: 24;
    width: 100%;
    height: 229px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 3px 4px rgba(0,0,0,0.18);
    -webkit-transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    display: none;
}
.hover_content{
	position: relative;
	margin: 0 auto;
	width: 1226px;
}
.hover_list{
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.hover_list li{
	position: relative;
    float: left;
    width: 180px;
    padding: 35px 12px 0;
    text-align: center;
}
.hover_thumb{
	width: 160px;
    height: 110px;
    margin: 0 auto 16px;
    text-align: center;
}
.hover_thumb a{
	display: block;
}
.hover_thumb img{
	width: 160px;
	height: 110px;
}

/*底部小标题*/
.hover_title{
	color: #333;
	margin: 0;
	line-height: 20px;
}
.hover_price{
	margin: 0;
    line-height: 20px;
    color: #ff6700;
}
/*头部热推*/
.hover_flags{
	position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.hover_flag{
	display: inline-block;
    height: 18px;
    padding: 1px 20px;
    border: 1px solid #ff6700;
    color: #ff6700;
}
/*搜索框*/
.header_search{
	float: right;
    width: 296px;
    margin-top: 25px;
}
.search_form{
	position: relative;
    width: 296px;
    height: 50px;
}
.search_text{
	position: absolute;
    top: 0;
    right: 51px;
    z-index: 1;
    width: 223px;
    height: 48px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 48px;
    outline: 0;
    box-sizing: content-box;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/*当鼠标键入的时候,改变边框颜色*/
.search_form:hover .search_text,.search_form:hover .search_btn{
	border-color: #FF6700;
}
.search_btn{
	position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 52px;
    height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 24px;
    line-height: 24px;
    background: #fff;
    color: #616161;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/*热搜词*/
.search_hot_words{
	position: absolute;
    top: 14px;
    right: 62px;
    z-index: 2;
    text-align: right;
}
.search_hot_words a{
	display: inline-block;
    margin-left: 5px;
    padding: 0 5px;
    font-size: 12px;
    background: #eee;
    color: #757575;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/*当鼠标覆盖热搜词的时候出现的效果*/
.search_hot_words a:hover{
	color: #fff;
	background: #FF6700;
}
/*指针键入出现的隐藏提示*/
.keywords_list{
	position: absolute;
    left: 0;
    top: 50px;
    z-index: 20;
    width: 243px;
    border: 1px solid #ff6700;
    border-top: 0;
    background: #fff;
    display: none;
}

.result_list li a{
	position: relative;
    display: block;
    padding: 6px 15px;
    font-size: 12px;
    color: #424242;
}
/*当鼠标覆盖搜索中的隐藏提示词时*/
.result_list li:hover a{
	background: #EEEEEE;
}
.result{
	position: absolute;
    right: 15px;
    top: 6px;
    color: #b0b0b0;
}
